<!DOCTYPE html>
<html>

<head>
    <title>导航栏示例</title>
    <style>
    
     .one {
            background-image: url(admin_top.gif);
            
            background-size: cover;
            background-repeat:‌no-repeat;
            width: 1003px;
            height: 100px;;
            text-align: center;
        }

        ul {
            padding-top: 40px;
            padding-left: 400px; 
            list-style-type: none;
            padding: 4;
            overflow: hidden;
        }
     
        li {padding-left: 20px;
            
            float: left;
        }
        body{
            font-size: 15px;
        }
        .two{color: rgb(21, 229, 229);}
        
        a{
    text-decoration: none; 
    color: #333; 
}
    a:link {
                color: #9e1212; 
                text-decoration: none; 
            }
    
            
    a:visited {
                color: #0f0f0e; 
                text-decoration: none; 
            }
    
            
    a:hover {
                color: #3169ec; 
                text-decoration: underline;  
            }
 
        
    a:active {
            color: #c909de; 
            text-decoration: underline; 
        }
  .four{float: left;width: 200px;}
  .five{
        width:700px; 
        background-color:#f9f9f9; 
        border: 3px solid #cccccc; 
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); 
        position: fixed;
        right: 950px;
        bottom: 360px;
        height:255px;
        float:right;
       
    }
    h2{
        background-image: url("./index_07.gif");
        background-repeat: no-repeat;
        position: fixed;
        right:1250px;
        bottom:577px; 
        font-size: 15px;
        font-family: 宋体;
    
    }
    
    
    .ul1{
       padding-top: 0.2em;; 
        padding-left: 0.1em;
        padding-bottom: 3%;  
    }
    a{
        text-decoration: none; 
        color: #333; 
    }
       
    .six{    
    background-image:url(./ashline_foot.gif);
    width:100%;
    color:chocolate;
    }
    .seven{
       color:rgb(19, 133, 240); 
    }
    
    
    .dian{
        width:10px;
        position: fixed;
        right:940px;
        bottom: 500px;;
    }
     
       .xinwen{width: 700px;height: 40px;}
        
    .shuxian{
        height: 300px;
        width:2px;
        position:fixed;
        right:1643px;
        bottom:325px;
    }
    
 
    </style>
</head>

<body>
    <div class="one">
        <ul>
            <li><img src="index_separate.gif" alt=""></li>
            <li>首页<br>Index</li>
            <li><img src="index_separate.gif" alt=""></li>
            <li>产品介绍<br>Froduct</li>
            <li><img src="index_separate.gif" alt=""></li>
            <li>解决方案<br>Scheme</li>
            <li><img src="index_separate.gif" alt=""></li>
            <li>技术支持<br>Instructor</li>
            <li><img src="index_separate.gif" alt=""></li>
            <li>客户渠道<br>channel</li>
            <li><img src="index_separate.gif" alt=""></li>
            <li>论坛<br>forun</li>
        </ul>
    </div>
    <div>
    
    <table width="1003px" text-align: center;>
           
        <table colspan="3" width="1000px" text-align: center; cellspacing="0px" font-color="red">
            <tr height="225px"  valign="top" style="background-image:url(04.jpg); background-size: cover;background-repeat: no-repeat;">  
                <td class="two" width="310px" style="padding: 18px;">2003年01月25日</td>
                <td class="two" width="80px" style="padding: 18px;"><a href="#">设为首页</a></td>
                <td class="two" width="90px" style="padding: 18px;"><a href="#">收藏本站</a></td>
                <td class="two" width="80px" style="padding: 18px;"><a href="#">联系我们</a></td>
                <td class="two" width="90px" style="padding: 18px;"><a href="#">关于</a></td>
            </tr>
        </table>
    </div>
   
        </table> 
        <div class="four">
       <table  text-align:left;>
       
            <tr><div class="four"><img src="../group-3-week-14-classroom-work/index_bbs.gif"> </div>
                
                    <div class="four"><a href="http://www.baidu.com/" style="text-decoration:none;">思念是风是去是婵娟</a> </div>
                        <div class="four"><a href="http://www.baidu.com/" style="text-decoration:none;">刘欣正在测试程序</a> </div>
                        <div class="four"> <a href="http://www.baidu.com/" style="text-decoration:none;">Flash大赛公告标题</a> </div>
                            <div class="four"><a href="http://www.baidu.com/" style="text-decoration:none;">公告标题添加公告</a>   </div>
                                <div class="four"><a href="http://www.baidu.com/" style="text-decoration:none;">明日科技对图书的改革</a> </div>
                
           
        </tr><tr>
            <div class="four">  <img src="../group-3-week-14-classroom-work/index_mend_dlS.gif">   </div>
               
          </tr>  </table></div>
             

        </div>
        <div class="five">
            <img class="dian" src="./index_10.gif"> 
            <h2>更多</h2>
            <img class="xinwen" src="./index_07.gif"> 
              <img  class="shuxian" src="./index_separate.gif">
            
            <ul class="ul1">
                <li class="six"><a href="https://cn.bing.com/search?q=%E6%96%B0%E4%B8%80%E4%BB%A3%E7%94%B5%E8%84%91%E9%97%AE%E4%B8%96&qs=n&form=QBRE&sp=-1&lq=0&pq=%E6%96%B0%E4%B8%80%E4%BB%A3%E7%94%B5%E8%84%91%E9%97%AE%E4%B8%96&sc=0-7&sk=&cvid=A8F6A2EB793B41B69578437191437428&ghsh=0&ghacc=0&ghpl=">新一代电脑问世</a></li>
                <li class="seven"><a href="https://news.baidu.com/">搜索新闻</a></li>
                <li class="six"><a href="https://baike.baidu.com/item/%E5%BE%AE%E8%BD%AF/124767">微软</a></li>
                <li class="seven"><a href="https://www.163.com/dy/article/JE06739805198UNI.html">沃达丰今年推新品</a></li>
                <li class="six"><a href="https://www.gov.cn/gongbao/content/2007/content_564130.htm">电子产品污染有控制</a></li>
                <li class="seven"><a href="https://www.msn.cn/zh-cn/channel/topic/%E8%B5%84%E8%AE%AF/tp-Y_77f04c37-b63e-46b4-a990-e926f7d129ff?ocid=BingNewsLanding&nsq=%e5%be%ae%e8%bd%af%e6%96%b0%e9%97%bb">微软新闻</a></li>
                <li class="six"><a href="https://baike.baidu.com/item/%E6%B1%89%E8%8A%AF%E4%BA%8B%E4%BB%B6/3675593">汉芯一代将问世</a></li>
                <li class="seven"><a href="https://www.amd.com/zh-cn/newsroom/press-releases/2024-6-2-amd-unveils-next-gen-zen-5-ryzen-processors-to-p.html">AMD处理器最新蓝图</a></li>
        </ul>
        </div>
</body>

</html>